<template>
	<view class="grid">
		<uni-section title="基础样式" type="line" padding>
			<uni-grid :column="5" style="border: none;" :show-border="false">
				<uni-grid-item v-for="(item, index) in list" :index="index" :key="index" style="border: none;">
					<view class="grid-item-box"
						style="background-color: #fff; display: flex;flex-direction: column;justify-content: center;align-items: center;">
						<image :src="item.imgurl" style="width:80%;height: 80rpx;"></image>
						<text class="text">{{item.title}}</text>
					</view>
				</uni-grid-item>
			</uni-grid>
		</uni-section>
	</view>
</template>

<script>
	export default {
		props: ['list']
	}
</script>
<style>

</style>